<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <title>评分</title>
    <script type="text/javascript" src="/raty/demo/js/jquery.min.js"></script>
    <script type="text/javascript" src="/raty/lib/jquery.raty.min.js"></script>
    <script>
        $(function () {
            $.fn.raty.defaults.path = '/raty/lib/img';
            $('#raty').raty({
                score: 5,
                size: 30,
                half: true,
                starHalf: 'star-half-big.png',
                starOff: 'star-off-big.png',
                starOn: 'star-on-big.png',
                click: function (score, evt) {
                    $("#scorevalue").val(score);
                }
            });
        });
    </script>
</head>
<body>
    <div style="margin: 55px auto" id="raty"></div>
    <input id="scorevalue" type="hidden" value="5"></input>
</div>
</body>
</html>